<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>ES6-webpack-starter</title>
</head>
<body>
  <div id="app"></div>
  <table id='container'><!-- TODO: layout with flexbox -->
  <tr>
    <td width='38%'>
      <button id="parse_code">Parse code</button>
    </td>
    <td width='2%'>
      &nbsp
    </td>
    <td width='60%' style="vertical-align: top;">
      <button id="parse_blocks">Parse blocks</button>
    </td>
  </tr>
  <tr>
    <td width='38%'>
      <textarea id="code" spellcheck="false" style="height: 80vh; width: 100%;"></textarea>
    </td>
    <td width='2%'>
      &nbsp
    </td>
    <td width='60%' style="vertical-align: top;">
      <div id="blocklyDiv" style="height: 80vh; width: 60vw;"></div>
    </td>
  </tr>
</table>
<xml id="toolbox" style="display: none">
    <category name="控制" colour="43">
      <block type="DP_STARTER"></block>
      <block type="DP_SETUP"></block>
      <block type="base_delay">
        <value name="DELAY_TIME">
          <block type="math_number">
            <field name="NUM">1000</field>
          </block>
        </value>
      </block>
      <block type="controls_whileUntil"></block>
      <block type="controls_repeat"></block>
      <block type="custom_controls_if"></block>
      <block type="controls_switch"></block>
      <!-- <block type="DP_WAIT_DO"></block> -->
      <block type="DP_LOOP"></block>
    </category>

  <category name="执行器" colour="250">
    <block type="DP_SERVO_MOTOR"></block>
    <block type="DP_LED"></block>
    <block type="DP_DOUBLE_MOTOR"></block>
    <block type="DP_DIGITAL_TUBE"></block>
    <block type="DP_BUZZER"></block>
    <block type="DP_GeneralAdaptor_Writer"></block>
    <block type="DP_DC_MOTOR" disabled="true"></block>
    <block type="DP_SPEACKER" disabled="true"></block>
    <block type="DP_RGBLED" disabled="true"></block>
    <block type="DP_DEBUG_ACTUATOR"></block>
  </category>

  <category name="传感器" colour="198">
    <block type="DP_TEMP"></block>
    <block type="DP_LIGHT"></block>
    <block type="DP_HUMIDITY"></block>
    <block type="DP_ULTRASONIC"></block>
    <block type="DP_COLLISION"></block>
    <block type="DP_LiquidLevel"></block>
    <block type="DP_LiquidHigh"></block>
    <block type="DP_LineFollower"></block>
    <block type="DP_Proximity"></block>
    <block type="DP_GeneralAdaptor_Reader"></block>
    <block type="DP_SOUND" disabled="true"></block>
    <block type="DP_POTENTIOMETER" disabled="true"></block>
    <block type="DP_PRESSURE" disabled="true"></block>
    <block type="DP_PROFILE" disabled="true"></block>
    <block type="DP_GAS" disabled="true"></block>
  </category>

    <!-- <sep></sep> -->
     <category name="过程" colour="330" custom="PROCEDURE">
    </category>
    <!-- <sep></sep> -->
    <category name="数据与指令" colour="20" custom="VARIABLE">
      <block type="variables_get"></block>
      <block type="variables_set"></block>

    </category>
      <category name="数字和逻辑运算" colour="120">
        <block type="math_number" ></block>
        <block type="math_arithmetic" ></block>
        <block type="math_round" ></block>
        <block type="math_modulo" ></block>
        <block type="math_trig" ></block>
        <block type="math_random_int"></block>
        <block type="math_random_float"></block>
        <!-- <block type="math_number_property" ></block> -->
        <!-- <block type="text" disabled="true"></block>
        <block type="text_join" disabled="true"></block>
        <block type="text_indexOf" disabled="true"></block> -->
        <block type="logic_compare" ></block>
        <block type="logic_operation" ></block>
        <block type="logic_boolean" ></block>
        <block type="logic_negate" ></block>
        <!-- <block type="logic_null" ></block> -->
      </category>


      </xml>
  <script type="text/javascript" src="blockly_compressed.js"></script>

  <script type="text/javascript" src="generators/javascript.js"></script>
  <script type="text/javascript" src="generators/javascript/base.js"></script>
  <script type="text/javascript" src="generators/javascript/bieber.js"></script>
  <script type="text/javascript" src="generators/javascript/loops.js"></script>

  <script type="text/javascript" src="generators/javascript/logic.js"></script>
  <script type="text/javascript" src="generators/javascript/math.js"></script>
  <script type="text/javascript" src="generators/javascript/variables.js"></script>
  <script type="text/javascript" src="generators/javascript/text.js"></script>
  <script type="text/javascript" src="generators/javascript/procedures.js"></script>

  <script type="text/javascript" src="generators/arduino.js"></script>
  <script type="text/javascript" src="generators/arduino/base.js"></script>
  <script type="text/javascript" src="generators/arduino/bieber.js"></script>

  <script type="text/javascript" src="generators/arduino/loops.js"></script>
  <script type="text/javascript" src="generators/arduino/logic.js"></script>
  <script type="text/javascript" src="generators/arduino/math.js"></script>
  <script type="text/javascript" src="generators/arduino/variables.js"></script>
  <script type="text/javascript" src="generators/arduino/text.js"></script>
  <script type="text/javascript" src="generators/arduino/procedures.js"></script>

  <script type="text/javascript" src="generators/duckino.js"></script>
  <script type="text/javascript" src="generators/duckino/base.js"></script>
  <script type="text/javascript" src="generators/duckino/bieber.js"></script>

  <script type="text/javascript" src="generators/duckino/loops.js"></script>
  <script type="text/javascript" src="generators/duckino/logic.js"></script>
  <script type="text/javascript" src="generators/duckino/math.js"></script>
  <script type="text/javascript" src="generators/duckino/variables.js"></script>
  <script type="text/javascript" src="generators/duckino/text.js"></script>
  <script type="text/javascript" src="generators/duckino/procedures.js"></script>

  <script type="text/javascript" src="blocks/base.js"></script>
  <script type="text/javascript" src="blocks/colour.js"></script>

  <script type="text/javascript" src="blocks/lists.js"></script>
  <script type="text/javascript" src="blocks/logic.js"></script>
  <script type="text/javascript" src="blocks/loops.js"></script>
  <script type="text/javascript" src="blocks/math.js"></script>
  <script type="text/javascript" src="blocks/procedures.js"></script>
  <script type="text/javascript" src="blocks/text.js"></script>
  <script type="text/javascript" src="blocks/variables.js"></script>

  <script type="text/javascript" src="blocks/bieber.js"></script>

  <script type="text/javascript" src="msg/messages.js"></script>
  <script type="text/javascript" src="msg/js/zh-hans.js"></script>
</body>
</html>
